<!doctype html>
<html>
	<head>
		<meta charset="utf-8"/>
		<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
		<title>首页 | 移动端曲振飞个人博客 | IT技术分享</title>
		<link rel="stylesheet" type="text/css" href="../css/public.css">
		<link rel="stylesheet" type="text/css" href="../css/font-awesome.min.css">
		<link rel="stylesheet" type="text/css" href="css/iphone.css">
		<script src="js/phone.js"></script>	
	</head>
	<body>
		
		<header class="navbars">	
			<div class="navbar-top">
				<div class="logo">
					<img src="../images/logo01.png"/>
					<h1>曲振飞博客</h1>
				</div>
				<button class="btn-nav" id="btn-search"><i class="fa fa-search fa-1x"></i></button>
				<button class="btn-nav" id="btn-nav"><i class="fa fa-th-list fa-1x"></i></button>
			</div>
		</header>
		<!-- 左侧导航 -->
		<ul class="nav-main" id="iphone-nav">
				<h2 class="nav-main-li nav-main-h2"><img src="images/photo.png">曲振飞的个人博客</h2>
				<li class="nav-main-li"><a href="index.html">首页</a></li>
				<li class="nav-main-li"><a href="list.html">Html5/css</a></li>
				<li class="nav-main-li"><a href="list.html">后台开发</a></li>
				<li class="nav-main-li"><a href="list.html">移动开发</a></li>
				<li class="nav-main-li"><a href="list.html">资源分享</a></li>
				<li class="nav-main-li"><a href="list.html">心得笔记</a></li>
				<li class="nav-main-li"><a href="list.html">移动开发</a></li>
				<li class="nav-main-li"><a href="list.html">资源分享</a></li>
				<li class="nav-main-li"><a href="list.html">心得笔记</a></li>
				<li class="nav-main-li"><a href="list.html">在线交流</a></li>
		</ul>
		<!-- 上方搜索 -->
		<div id="phone-sea-bg" class="search-inp phone-search-inp">
			<i class="fa fa-times-circle fa-1x" id="phone-close"></i>
			<div class="sea-center">
				<form action="#" method="post">
				<input type="text" name="sea-input" class="sea-input" placeholder="搜索"/>
				<input type="submit" name="btn" class="submit"/>
				</form>
				<i class="fa fa-search fa-1x"></i>
			</div>
			<ul class="search-hot">
				<li class="hot-li"><a href="#">兄弟连兄弟会php学习</a></li>
				<li class="hot-li"><a href="#">兄弟连兄弟会php学习</a></li>
				<li class="hot-li"><a href="#">兄弟连兄弟会php学习</a></li>
				<li class="hot-li"><a href="#">兄弟连兄弟会php学习</a></li>
				<li class="hot-li"><a href="#">兄弟连兄弟会php学习</a></li>
				<li class="hot-li"><a href="#">兄弟连兄弟会php学习</a></li>
			</ul>
		</div>
		<!-- banner -->
		<section class="banner">
			<ul class="">
				<li><a><img src="images/banner01.png"/></a></li>
			</ul>
		</section>
		<!-- news -->
		<section class="news">
			<ul class="itemss">
				<li class="itemss-li">
					<a href="article.html" class="img"><img src="images/02.jpg" alt=""/></a>
					<p class="items-fr">
						<a class="title" href="article.html">住在手机里的朋友</a>
						<a class="info" href="#">通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片</a>
					</p>
				</li>
				<li class="itemss-li">
					<a class="img"><img src="images/article.jpg" alt=""/></a>
					<p class="items-fr">
						<a class="title" href="#">住在手机里的朋友</a>
						<a class="info" href="#">通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片</a>
					</p>
				</li>
				<li class="itemss-li">
					<a class="img"><img src="images/02.jpg" alt=""/></a>
					<p class="items-fr">
						<a class="title" href="#">住在手机里的朋友</a>
						<a class="info" href="#">通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片</a>
					</p>
				</li>
				<li class="itemss-li">
					<a class="img"><img src="images/02.jpg" alt=""/></a>
					<p class="items-fr">
						<a class="title" href="#">住在手机里的朋友</a>
						<a class="info" href="#">通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片</a>
					</p>
				</li>
			</ul>
		</section>
		<!-- 列表 -->
		<section class="news columns">
			<ul class="itemss">
				<h2 class="h2-tit"><i class="fa fa-navicon"></i>HTML5/CSS3</h2>
				<li class="itemss-li" style="border-bottom:0;">
					<a class="img"><img src="images/02.jpg" alt=""/></a>
					<p class="items-fr">
						<a class="title" href="#">住在手机里的朋友</a>
						<a class="info" href="#">通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片</a>
					</p>
				</li>
				<li class="oneline"><i class="fa fa-caret-right"></i><a href="#">做网站优化推广怎么才能优化无限多个关键词</a></li>
				<li class="oneline"><a href="#"><i class="fa fa-caret-right"></i>做网站优化推广怎么才能优化无限多个关键词</a></li>
				<li class="oneline"><a href="#"><i class="fa fa-caret-right"></i>做网站优化推广怎么才能优化无限多个关键词</a></li>
				<li class="oneline"><a href="#"><i class="fa fa-caret-right"></i>做网站优化推广怎么才能优化无限多个关键词</a></li>
				<li class="oneline"><a href="#"><i class="fa fa-caret-right"></i>做网站优化推广怎么才能优化无限多个关键词</a></li>
				<li class="oneline"><a href="#"><i class="fa fa-caret-right"></i>做网站优化推广怎么才能优化无限多个关键词</a></li>
			</ul>
			<ul class="itemss">
				<h2 class="h2-tit"><i class="fa fa-navicon"></i>前端开发</h2>
				<li class="itemss-li" style="border-bottom:0;">
					<a class="img"><img src="images/02.jpg" alt=""/></a>
					<p class="items-fr">
						<a class="title" href="#">住在手机里的朋友</a>
						<a class="info" href="#">通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片</a>
					</p>
				</li>
				<li class="oneline"><i class="fa fa-caret-right"></i><a href="#">做网站优化推广怎么才能优化无限多个关键词</a></li>
				<li class="oneline"><a href="#"><i class="fa fa-caret-right"></i>做网站优化推广怎么才能优化无限多个关键词</a></li>
				<li class="oneline"><a href="#"><i class="fa fa-caret-right"></i>做网站优化推广怎么才能优化无限多个关键词</a></li>
				<li class="oneline"><a href="#"><i class="fa fa-caret-right"></i>做网站优化推广怎么才能优化无限多个关键词</a></li>
				<li class="oneline"><a href="#"><i class="fa fa-caret-right"></i>做网站优化推广怎么才能优化无限多个关键词</a></li>
				<li class="oneline"><a href="#"><i class="fa fa-caret-right"></i>做网站优化推广怎么才能优化无限多个关键词</a></li>
			</ul>
			<ul class="itemss">
				<h2 class="h2-tit"><i class="fa fa-navicon"></i>职场/生活</h2>
				<li class="itemss-li" style="border-bottom:0;">
					<a class="img"><img src="images/02.jpg" alt=""/></a>
					<p class="items-fr">
						<a class="title" href="#">住在手机里的朋友</a>
						<a class="info" href="#">通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片</a>
					</p>
				</li>
				<li class="oneline"><i class="fa fa-caret-right"></i><a href="#">做网站优化推广怎么才能优化无限多个关键词</a></li>
				<li class="oneline"><a href="#"><i class="fa fa-caret-right"></i>做网站优化推广怎么才能优化无限多个关键词</a></li>
				<li class="oneline"><a href="#"><i class="fa fa-caret-right"></i>做网站优化推广怎么才能优化无限多个关键词</a></li>
				<li class="oneline"><a href="#"><i class="fa fa-caret-right"></i>做网站优化推广怎么才能优化无限多个关键词</a></li>
				<li class="oneline"><a href="#"><i class="fa fa-caret-right"></i>做网站优化推广怎么才能优化无限多个关键词</a></li>
				<li class="oneline"><a href="#"><i class="fa fa-caret-right"></i>做网站优化推广怎么才能优化无限多个关键词</a></li>
			</ul>
		</section>
		<!-- footer -->
		<footer>
			<p>版权所有 曲振飞 2016</p><p>网站备案号：豫ICP备14022198号-2</p>
		</footer>
	</body>
</html>
